<div class="map">
	<!DOCTYPE html>
	<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>跑步页</title>
		<!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> -->
		</head>

	<body>
		<main class="main">
			<section class="run-sum">
				<p>目前累计跑步距离:</p>
				<p class="runData"><span class="value"></span><span>公里</span></p>
			</section>
			<section class="content">
				<div class="choice">
					<div class="run-ictive">户外跑</div>
					<div>燃脂跑</div>
					<div>跑步机</div>
				</div>
				<div class="ready">
					<div class="go">GO</div>
				</div>
				<div class="set" style="z-index: 1;">
					<div class="set-1">
						<span class="iconfont icon-shezhi"></span>
					</div>
					<div class="set-target">
						<span>设置目标</span>
						<span class="iconfont icon-arrow-right"></span>
					</div>
					<div class="set-mu">
						<span class="iconfont icon-yinle"></span>
					</div>
				</div>
				<div class="map">
					<div id="container"></div>
				</div>
		
			</section>
			<section class="ste-buttom">
				<p class="ren">跑步路线</p>
				<p class="set-run">使用跑步路线, 邂逅附近的同行者</p>
			</section>
		
		</main>
		<!-- <script type="text/javascript">
						  
						</script> -->
		<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=81d64318bc2e9fceaf965ac1a116afc1"></script>
		</body>

	</html>